import React from "react";
import { Divider, Typography, Row, Col } from "antd"
import Image1 from "../../assets/images/microsoft-80658_640.png";
import Image2 from "../../assets/images/icon-720944_640.png";
import Image3 from "../../assets/images/follow-826033_640.png";
import Image4 from "../../assets/images/facebook-807588_640.png";
import { Translation } from 'react-i18next';
export const Cooperative: React.FC = () => {
    return (
        <div>
            <Divider orientation="left">
                <Typography.Title level={3}>
                    <Translation>
                        {
                            t => <h1>{t("home_page.joint_venture")}</h1>
                        }
                    </Translation>
                </Typography.Title>
            </Divider>
            <Row justify="space-around">
                <Col span={4}><img src={Image1} alt="" style={{ width: "100%" }} /></Col>
                <Col span={4}><img src={Image2} alt="" style={{ width: "100%" }} /></Col>
                <Col span={4}><img src={Image3} alt="" style={{ width: "100%" }} /></Col>
                <Col span={4}><img src={Image4} alt="" style={{ width: "100%" }} /></Col>
            </Row>
        </div>
    )
}